﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<!DOCTYPE html>

<html>
<head >
<title>SISTEMA DE INFORMACION MINERA :: SIM - MOBILE - Login</title>
  
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <link href="Extensiones/telerik/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="Extensiones/telerik/styles/kendo.default.min.css" rel="stylesheet" />
     <link href="Extensiones/telerik/styles/kendo.dataviz.min.css" rel="stylesheet" />
    <link href="Extensiones/telerik/styles/kendo.dataviz.default.min.css" rel="stylesheet" />
    <link href="Extensiones/telerik/styles/kendo.metro.mobile.min.css" rel="stylesheet" type="text/css" />

  <script src="Extensiones/telerik/js/jquery.min.js"></script>
  <script src="Extensiones/telerik/js/kendo.all.min.js"></script>

  <script src="Scripts/SIM/m.login.js"></script>
 
</head>
<body>
  <div data-role="view" id="modalview-camera" data-title="Login - SIM -Móvil">
    <img src="Images/logo.png" class="camera-image" />
    <h2>Sistema de Información Minero Móvil </h2><br />
     <br />
    <a data-role="button" data-rel="modalview" href="#modalview-login" id="modalview-open-button">Login</a>
</div>

<div data-role="modalview" id="modalview-login" style="width: 90%; height:250px">
    <div data-role="header">
        <div data-role="navbar">
            <span>Login</span>
            <a data-click="closeModalViewLogin" data-role="button" data-align="right">Cancel</a>
        </div>
    </div>

    <ul data-role="listview" data-style="inset">
        <li><label for="username">Username: <input type="text" id="txtUsr" /></label></li>
        <li><label for="password">Password: <input type="password" id="txtPwd" /></label></li>
    </ul>
    <a data-click="initLogin" id="modalview-login-button" type="button" data-role="button" >Login</a>
    
     <div data-role="footer" style=" height:30px;">
     <div id="resultado" style="  color:Yellow; text-align:center;  vertical-align:middle;">
     </div>
</div>

<style scoped>
    #modalview-login-button,
    #modalview-reg-button,
    #modalview-open-button {
        display: block;
        text-align: center;
        margin: .6em .8em;
        font-size: 1.2em;
    }

    #modalview-open-button {
        margin: 0 3em;
        padding: .5em;
    }
    .km-flat #modalview-open-button {
        color: #fff;
    }

    #modalview-camera {
        text-align: center;
    }

    #modalview-camera img {
        display: block;
        margin: 30px auto;
    }

    #modalview-camera .km-content,
    .km-ios #modalview-login .km-content {
        background: url(../content/shared/images/patterns/pattern1.png) repeat 0 0;
    }

    #modalview-login label {
        display: inline-block;
        width: 100%;
    }
    .km-ios #modalview-camera .km-button,
    .km-ios #modalview-login .km-button,
    .km-ios #modalview-camera .km-navbar,
    .km-ios #modalview-login .km-header,
    .km-blackberry #modalview-camera .km-navbar,
    .km-blackberry #modalview-login .km-navbar
    {
        background-color: #000;
    }

    .km-blackberry #modalview-camera .km-button
    {
        color: #fff;
    }

    .km-ios #modalview-camera .km-button:active,
    .km-ios #modalview-camera .km-state-active,
    .km-ios #modalview-login .km-button:active,
    .km-ios #modalview-login .km-state-active {
        background-color: #2e2e2e;
    }

    .km-ios #modalview-login #modalview-login-button,
    .km-flat #modalview-login #modalview-login-button {
        background-color: Green;
        color: #fff;
    }

    .km-tablet .km-ios #modalview-camera .km-view-title,
    .km-tablet .km-ios #modalview-login .km-view-title {
        color: #fff;
        text-shadow: 0 -1px rgba(0,0,0,.5);
    }


</style>

</body>
</html>